
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />

    <title>济南油价查询_济南油价调整最新消息|日历_济南汽油|柴油价格-济南济南便民港</title>
    <meta name="applicable-device" content="mobile" />
    <meta name="description" content="济南济南便民港为您提供济南油价调整最新消息、济南油价查询、汽油柴油最新油价等相关内容，还可以查看济南油价相比上次调整涨跌情况等。" />
    <link rel="stylesheet" href="static/css/swiper.min.css" />
    <link rel="stylesheet" href="static/css/public.css">
    <link rel="stylesheet" href="static/css/index.css">
    <link rel="stylesheet" href="static/css/tools.css">
    <link rel="stylesheet" href="static/css/picker.css">
    <link rel="stylesheet" href="static/css/style.css">
    <link rel="stylesheet" href="static/css/all.css">
    <style>
       
    .list-title-bar table tr td:first-child {
        padding: 0 !important;
    }
    .bottom_btn {
        position: fixed;

        bottom: 0;

        width: 100%;
        display: flex;
        align-items: flex-end;
        justify-content: space-between;
        max-width: 7.5rem;

        background: #fff;
        padding: 0.15rem 0.3rem;

        z-index: 999;
    }
    #chart_box{
        position: relative;
		margin: 0 0.24rem 0.27rem;
        padding-top: 0.8rem;
        padding-right: 0.2rem;
        padding-bottom: 0.15rem;
        border-radius: 0.2rem;
		background-color: #fff;
	}
    .charts {
      width:100%;
      height: 4.78rem;
    }
    .tab_item .list:nth-of-type(n+2) {
        display: none;
    }
    .chart_x ,.chart_y{
        position: absolute;
        z-index: 99;
        color:#666666;
        font-size: 0.2rem;
    }
    .chart_x {
        right: 0;
        bottom: 0;
        margin-right: 0.3rem;
        margin-bottom: 0.25rem;
    }
    .chart_y {
        margin-left: 0.7rem;
        margin-top: 0.7rem;
    }
    .qiyou_mark {
        position: absolute;
        top: 0;
        display: flex;
        flex-wrap: wrap;
        margin-top: 0.3rem;
        font-size: 0.2rem;
        color: #666666;
    }
    .qiyou_mark p {
        display:flex;
        align-items: center;
        margin-left: 0.2rem;
    }
    .qiyou_mark p span {
        width: 0.12rem;
        height: 0.12rem;
        margin-right: 0.12rem;
        border-radius: 50%;
    }
    .qiyou_mark p:nth-child(1) span {
        background-color: #F37171;
    }
    .qiyou_mark p:nth-child(2) span {
        background-color: #F27733;
    }
    .qiyou_mark p:nth-child(3) span {
        background-color: #F9B34A;
    }
    .qiyou_mark p:nth-child(4) span {
        background-color: #5FC074;
    }
    .qiyou_mark p:nth-child(5) span {
        background-color: #7BD2DE;
    }
    .qiyou_mark p:nth-child(6) span {
        background-color: #677CFD;
    }
    .rili_popup .popup {
        overflow:hidden;
    }
    </style>
</head>

<body>
    <div class="header">
                <img src="static/picture/2024614101148_82295.png" class="header">
        <h1 style="position: fixed;top: 1.2rem;color: #fff;padding-left: 0.3rem;font-size: 0.5rem;">济南最新油价查询</h1>
                <!-- <a href="/news/youjiachaxun/city.php" class="city">
            <p class="city-name">济南</p>
            <img class="city-icon" src="static/picture/sy_02.png">
        </a> -->
        <a class="city" onclick="picker()">
            <p class="city-name">济南</p>
            <img class="city-icon" src="static/picture/sy_02.png">
        </a>

    </div>

    <!-- <div class="content">
        <div class="table-header">
            <table>
                <tr>
                    <td style="width:20%">燃油标号</td>
                    <td style="width:45%">最新油价</td>
                    <td style="width:60%">相比上次调整涨跌</td>
                </tr>
            </table>
        </div>
        <ul class="list-primary">
                        <li class="list-primary-item">
                <div class="title-bar-box">
                    <div class="list-title-bar">
                        <table style="width:100%">
                            <tr>
                                <td class="first-td">
                                    0号柴油                                </td>
                                <td style="width: 20%;text-align: center">
                                    <div>7.60元/升</div>
                                </td>
                                                                <td style="text-align: center;color: red">

                                    + 0.17元/升
                                </td>
                                                            </tr>
                        </table>
                    </div>
                </div>
            </li>
                        <li class="list-primary-item">
                <div class="title-bar-box">
                    <div class="list-title-bar">
                        <table style="width:100%">
                            <tr>
                                <td class="first-td">
                                    89号汽油                                </td>
                                <td style="width: 20%;text-align: center">
                                    <div>7.41元/升</div>
                                </td>
                                                                <td style="text-align: center;color: red">

                                    + 0.16元/升
                                </td>
                                                            </tr>
                        </table>
                    </div>
                </div>
            </li>
                        <li class="list-primary-item">
                <div class="title-bar-box">
                    <div class="list-title-bar">
                        <table style="width:100%">
                            <tr>
                                <td class="first-td">
                                    92号汽油                                </td>
                                <td style="width: 20%;text-align: center">
                                    <div>7.98元/升</div>
                                </td>
                                                                <td style="text-align: center;color: red">

                                    +0.17元/升
                                </td>
                                                            </tr>
                        </table>
                    </div>
                </div>
            </li>
                        <li class="list-primary-item">
                <div class="title-bar-box">
                    <div class="list-title-bar">
                        <table style="width:100%">
                            <tr>
                                <td class="first-td">
                                    95号汽油                                </td>
                                <td style="width: 20%;text-align: center">
                                    <div>8.56元/升</div>
                                </td>
                                                                <td style="text-align: center;color: red">

                                    + 0.18元/升
                                </td>
                                                            </tr>
                        </table>
                    </div>
                </div>
            </li>
                        <li class="list-primary-item">
                <div class="title-bar-box">
                    <div class="list-title-bar">
                        <table style="width:100%">
                            <tr>
                                <td class="first-td">
                                    ﹣10号柴油                                </td>
                                <td style="width: 20%;text-align: center">
                                    <div>8.04元/升</div>
                                </td>
                                                                <td style="text-align: center;color: red">

                                    + 0.18元/升
                                </td>
                                                            </tr>
                        </table>
                    </div>
                </div>
            </li>
                        <li class="list-primary-item">
                <div class="title-bar-box">
                    <div class="list-title-bar">
                        <table style="width:100%">
                            <tr>
                                <td class="first-td">
                                    ﹣35号柴油                                </td>
                                <td style="width: 20%;text-align: center">
                                    <div>8.69元/升</div>
                                </td>
                                                                <td style="text-align: center;color: red">

                                    + 0.20元/升
                                </td>
                                                            </tr>
                        </table>
                    </div>
                </div>
            </li>
                        <li class="list-primary-item">
                <div class="title-bar-box">
                    <div class="list-title-bar">
                        <table style="width:100%">
                            <tr>
                                <td class="first-td">
                                    ﹣20号柴油                                </td>
                                <td style="width: 20%;text-align: center">
                                    <div>8.39元/升</div>
                                </td>
                                                                <td style="text-align: center;color: red">

                                    + 0.19元/升
                                </td>
                                                            </tr>
                        </table>
                    </div>
                </div>
            </li>
                    </ul>
        <div style="text-align: center;padding: 0 0 1rem 0">
            <p style="font-size: 0.2rem;display: block">
                以上油价更新于2024-06-27 <br>                 数据来源各地发改委，仅供参考，实际以各加油站为准</p>
        </div>
    </div> -->

    <div class="content_box">
        <div class="tab_title">
			<span class="tab_active">全部</span>
			<span>按燃油分类查看</span>
		</div>
		<div class="tab_con">
			<div class="tab_item">
				<table class="table-con">
					<tbody>
						<tr>
							<td style="width:20%">燃油标号</td>
							<td style="width:30%">最新油价</td>
							<td style="width:35%">相比上次调整涨跌</td>
						</tr>
                        						<tr style="font-size:0.26rem;">
							<td>0号柴油</td>
							<td>7.60元/升</td>
                            <!-- <td>+ 0.17元/升</td> -->
                                                            <td style="color: #ed4e4e">
                                    + 0.17元/升
                                </td>
                            						</tr>
                        						<tr style="font-size:0.26rem;">
							<td>89号汽油</td>
							<td>7.41元/升</td>
                            <!-- <td>+ 0.16元/升</td> -->
                                                            <td style="color: #ed4e4e">
                                    + 0.16元/升
                                </td>
                            						</tr>
                        						<tr style="font-size:0.26rem;">
							<td>92号汽油</td>
							<td>7.98元/升</td>
                            <!-- <td>+0.17元/升</td> -->
                                                            <td style="color: #ed4e4e">
                                    +0.17元/升
                                </td>
                            						</tr>
                        						<tr style="font-size:0.26rem;">
							<td>95号汽油</td>
							<td>8.56元/升</td>
                            <!-- <td>+ 0.18元/升</td> -->
                                                            <td style="color: #ed4e4e">
                                    + 0.18元/升
                                </td>
                            						</tr>
                        						<tr style="font-size:0.26rem;">
							<td>﹣10号柴油</td>
							<td>8.04元/升</td>
                            <!-- <td>+ 0.18元/升</td> -->
                                                            <td style="color: #ed4e4e">
                                    + 0.18元/升
                                </td>
                            						</tr>
                        						<tr style="font-size:0.26rem;">
							<td>﹣35号柴油</td>
							<td>8.69元/升</td>
                            <!-- <td>+ 0.20元/升</td> -->
                                                            <td style="color: #ed4e4e">
                                    + 0.20元/升
                                </td>
                            						</tr>
                        						<tr style="font-size:0.26rem;">
							<td>﹣20号柴油</td>
							<td>8.39元/升</td>
                            <!-- <td>+ 0.19元/升</td> -->
                                                            <td style="color: #ed4e4e">
                                    + 0.19元/升
                                </td>
                            						</tr>
                        					</tbody>
				</table>
			</div>
			<div class="tab_item">
				<div class="head_name">
                    <span>日期</span>
                    <span>油价</span>
                    <span>相比上次调整涨跌</span>
                </div>
                <div class="name">
                                        <span class="name_active">0号柴油</span>
                                        <span>89号汽油</span>
                                        <span>92号汽油</span>
                                        <span>95号汽油</span>
                                        <span>﹣10号柴油</span>
                                        <span>﹣35号柴油</span>
                                        <span>﹣20号柴油</span>
                                    </div>
                                <ul class="list">
                                        <li>
                        <span>6月27日</span>
                        <span>7.60元/升</span>
                        <!-- <span>+ 0.17元/升</span>   -->
                                                <span style="color: #ed4e4e">
                            + 0.17元/升
                        </span>
                                             </li>
                                        <li>
                        <span>6月13日</span>
                        <span>7.43元/升</span>
                        <!-- <span>- 0.15元/升</span>   -->
                                                <span style="color: #64c35b">
                            - 0.15元/升
                        </span>
                                            </li>
                                        <li>
                        <span>5月29日</span>
                        <span>7.58元/升</span>
                        <!-- <span>0元/升</span>   -->
                                                        <span style="color: #f9bc4a">
                                    + 0元/升
                                </span>
                                            </li>
                                        <li>
                        <span>5月15日</span>
                        <span>7.58元/升</span>
                        <!-- <span>- 0.19元/升</span>   -->
                                                <span style="color: #64c35b">
                            - 0.19元/升
                        </span>
                                            </li>
                                        <li>
                        <span>4月29日</span>
                        <span>7.77元/升</span>
                        <!-- <span>- 0.06元/升</span>   -->
                                                <span style="color: #64c35b">
                            - 0.06元/升
                        </span>
                                            </li>
                                        <li>
                        <span>4月16日</span>
                        <span>7.83元/升</span>
                        <!-- <span>+ 0.16元/升</span>   -->
                                                <span style="color: #ed4e4e">
                            + 0.16元/升
                        </span>
                                             </li>
                                    </ul>
                            <ul class="list">
                                        <li>
                        <span>6月27日</span>
                        <span>7.41元/升</span>
                        <!-- <span>+ 0.16元/升</span>   -->
                                                <span style="color: #ed4e4e">
                            + 0.16元/升
                        </span>
                                             </li>
                                        <li>
                        <span>6月13日</span>
                        <span>7.25元/升</span>
                        <!-- <span>- 0.15元/升</span>   -->
                                                <span style="color: #64c35b">
                            - 0.15元/升
                        </span>
                                            </li>
                                        <li>
                        <span>5月29日</span>
                        <span>7.40元/升</span>
                        <!-- <span>0元/升</span>   -->
                                                        <span style="color: #f9bc4a">
                                    + 0元/升
                                </span>
                                            </li>
                                        <li>
                        <span>5月15日</span>
                        <span>7.40元/升</span>
                        <!-- <span>- 0.17元/升</span>   -->
                                                <span style="color: #64c35b">
                            - 0.17元/升
                        </span>
                                            </li>
                                        <li>
                        <span>4月29日</span>
                        <span>7.57元/升</span>
                        <!-- <span>- 0.05元/升</span>   -->
                                                <span style="color: #64c35b">
                            - 0.05元/升
                        </span>
                                            </li>
                                        <li>
                        <span>4月16日</span>
                        <span>7.62元/升</span>
                        <!-- <span>+ 0.15元/升</span>   -->
                                                <span style="color: #ed4e4e">
                            + 0.15元/升
                        </span>
                                             </li>
                                    </ul>
                            <ul class="list">
                                        <li>
                        <span>6月27日</span>
                        <span>7.98元/升</span>
                        <!-- <span>+0.17元/升</span>   -->
                                                <span style="color: #ed4e4e">
                            +0.17元/升
                        </span>
                                             </li>
                                        <li>
                        <span>6月13日</span>
                        <span>7.81元/升</span>
                        <!-- <span>-0.15元/升</span>   -->
                                                <span style="color: #64c35b">
                            -0.15元/升
                        </span>
                                            </li>
                                        <li>
                        <span>5月29日</span>
                        <span>7.96元/升</span>
                        <!-- <span>0元/升</span>   -->
                                                        <span style="color: #f9bc4a">
                                    + 0元/升
                                </span>
                                            </li>
                                        <li>
                        <span>5月15日</span>
                        <span>7.96元/升</span>
                        <!-- <span>- 0.19元/升</span>   -->
                                                <span style="color: #64c35b">
                            - 0.19元/升
                        </span>
                                            </li>
                                        <li>
                        <span>4月29日</span>
                        <span>8.15元/升</span>
                        <!-- <span>- 0.06元/升</span>   -->
                                                <span style="color: #64c35b">
                            - 0.06元/升
                        </span>
                                            </li>
                                        <li>
                        <span>4月16日</span>
                        <span>8.21元/升</span>
                        <!-- <span>+ 0.16元/升</span>   -->
                                                <span style="color: #ed4e4e">
                            + 0.16元/升
                        </span>
                                             </li>
                                    </ul>
                            <ul class="list">
                                        <li>
                        <span>6月27日</span>
                        <span>8.56元/升</span>
                        <!-- <span>+ 0.18元/升</span>   -->
                                                <span style="color: #ed4e4e">
                            + 0.18元/升
                        </span>
                                             </li>
                                        <li>
                        <span>6月13日</span>
                        <span>8.38元/升</span>
                        <!-- <span>- 0.16元/升</span>   -->
                                                <span style="color: #64c35b">
                            - 0.16元/升
                        </span>
                                            </li>
                                        <li>
                        <span>5月29日</span>
                        <span>8.54元/升</span>
                        <!-- <span>0元/升</span>   -->
                                                        <span style="color: #f9bc4a">
                                    + 0元/升
                                </span>
                                            </li>
                                        <li>
                        <span>5月15日</span>
                        <span>8.54元/升</span>
                        <!-- <span>- 0.21元/升</span>   -->
                                                <span style="color: #64c35b">
                            - 0.21元/升
                        </span>
                                            </li>
                                        <li>
                        <span>4月29日</span>
                        <span>8.75元/升</span>
                        <!-- <span>- 0.06元/升</span>   -->
                                                <span style="color: #64c35b">
                            - 0.06元/升
                        </span>
                                            </li>
                                        <li>
                        <span>4月16日</span>
                        <span>8.81元/升</span>
                        <!-- <span>+ 0.18元/升</span>   -->
                                                <span style="color: #ed4e4e">
                            + 0.18元/升
                        </span>
                                             </li>
                                    </ul>
                            <ul class="list">
                                        <li>
                        <span>6月27日</span>
                        <span>8.04元/升</span>
                        <!-- <span>+ 0.18元/升</span>   -->
                                                <span style="color: #ed4e4e">
                            + 0.18元/升
                        </span>
                                             </li>
                                        <li>
                        <span>6月13日</span>
                        <span>7.86元/升</span>
                        <!-- <span>- 0.16元/升</span>   -->
                                                <span style="color: #64c35b">
                            - 0.16元/升
                        </span>
                                            </li>
                                        <li>
                        <span>5月29日</span>
                        <span>8.02元/升</span>
                        <!-- <span>0元/升</span>   -->
                                                        <span style="color: #f9bc4a">
                                    + 0元/升
                                </span>
                                            </li>
                                        <li>
                        <span>5月15日</span>
                        <span>8.02元/升</span>
                        <!-- <span>- 0.2元/升</span>   -->
                                                <span style="color: #64c35b">
                            - 0.2元/升
                        </span>
                                            </li>
                                        <li>
                        <span>4月29日</span>
                        <span>8.22元/升</span>
                        <!-- <span>- 0.06元/升</span>   -->
                                                <span style="color: #64c35b">
                            - 0.06元/升
                        </span>
                                            </li>
                                        <li>
                        <span>4月16日</span>
                        <span>8.28元/升</span>
                        <!-- <span>+ 0.17元/升</span>   -->
                                                <span style="color: #ed4e4e">
                            + 0.17元/升
                        </span>
                                             </li>
                                    </ul>
                            <ul class="list">
                                        <li>
                        <span>6月27日</span>
                        <span>8.69元/升</span>
                        <!-- <span>+ 0.20元/升</span>   -->
                                                <span style="color: #ed4e4e">
                            + 0.20元/升
                        </span>
                                             </li>
                                        <li>
                        <span>6月13日</span>
                        <span>8.49元/升</span>
                        <!-- <span>- 0.18元/升</span>   -->
                                                <span style="color: #64c35b">
                            - 0.18元/升
                        </span>
                                            </li>
                                        <li>
                        <span>5月29日</span>
                        <span>8.67元/升</span>
                        <!-- <span>0元/升</span>   -->
                                                        <span style="color: #f9bc4a">
                                    + 0元/升
                                </span>
                                            </li>
                                        <li>
                        <span>5月15日</span>
                        <span>8.67元/升</span>
                        <!-- <span>- 0.22元/升</span>   -->
                                                <span style="color: #64c35b">
                            - 0.22元/升
                        </span>
                                            </li>
                                        <li>
                        <span>4月29日</span>
                        <span>8.89元/升</span>
                        <!-- <span>- 0.07元/升</span>   -->
                                                <span style="color: #64c35b">
                            - 0.07元/升
                        </span>
                                            </li>
                                    </ul>
                            <ul class="list">
                                        <li>
                        <span>6月27日</span>
                        <span>8.39元/升</span>
                        <!-- <span>+ 0.19元/升</span>   -->
                                                <span style="color: #ed4e4e">
                            + 0.19元/升
                        </span>
                                             </li>
                                        <li>
                        <span>6月13日</span>
                        <span>8.20元/升</span>
                        <!-- <span>- 0.17元/升</span>   -->
                                                <span style="color: #64c35b">
                            - 0.17元/升
                        </span>
                                            </li>
                                        <li>
                        <span>5月29日</span>
                        <span>8.37元/升</span>
                        <!-- <span>0元/升</span>   -->
                                                        <span style="color: #f9bc4a">
                                    + 0元/升
                                </span>
                                            </li>
                                        <li>
                        <span>5月15日</span>
                        <span>8.37元/升</span>
                        <!-- <span>-0.21元/升</span>   -->
                                                <span style="color: #64c35b">
                            -0.21元/升
                        </span>
                                            </li>
                                        <li>
                        <span>4月29日</span>
                        <span>8.58元/升</span>
                        <!-- <span>- 0.06元/升</span>   -->
                                                <span style="color: #64c35b">
                            - 0.06元/升
                        </span>
                                            </li>
                                    </ul>
            			</div>
		</div>

        <p class="chart_y" style="display:none;">油价</p>

        <!-- <div id="chart_box">
            <div class="qiyou_mark">
                                <p><span></span> 0号柴油</p>
                                <p><span></span> 89号汽油</p>
                                <p><span></span> 92号汽油</p>
                                <p><span></span> 95号汽油</p>
                                <p><span></span> ﹣10号柴油</p>
                                <p><span></span> ﹣35号柴油</p>
                                <p><span></span> ﹣20号柴油</p>
                            </div>
            <p class="chart_x">日期</p>
            <canvas id="jBnaXCJZgfBAfOnZQTMZKXtmHoNjOsaD" class="charts"></canvas>
        </div> -->

		

    </div>

    <div id="chart_box">
        <div class="qiyou_mark">
                        <p><span></span> 0号柴油</p>
                        <p><span></span> 89号汽油</p>
                        <p><span></span> 92号汽油</p>
                        <p><span></span> 95号汽油</p>
                        <p><span></span> ﹣10号柴油</p>
                        <p><span></span> ﹣35号柴油</p>
                        <p><span></span> ﹣20号柴油</p>
                    </div>
        <!-- 为 ECharts 准备一个定义了宽高的 DOM -->
        <div id="main" style="width: 100%;height:5.46rem;"></div>
    </div>

    <div style="padding: 0 0.24rem 0.4rem">
        <p style="font-size: 0.22rem;color:#999;">
            以上油价更新于2024-06-27 <span> 24:00。</span>            油价下次调整时间为2024-07-11 <span> 24:00。</span>            数据来源各地发改委，仅供参考，实际以各加油站为准</p>
    </div>

    <!-- 调价日历 -->
    <div class="rili_popup">
        <div class="popup">
            <p>2024年油价调整日历</p>
            <img class="rili_img" src="static/picture/rili.png" alt="">
            <div class="rili_list">
                <p>
                    <span>日期</span>
                    <span>星期</span>
                </p>
                <ul>
                    
                </ul>
            </div>
        </div>
    </div>
    

    <!--  -->        <div class="daofen-box" style="font-size: .3rem;line-height: .5rem;margin: 0 0.2rem 0.5rem .2rem">
            </div>
    
    <div style="height:1.1rem"></div>

    <!-- 底部按钮 -->
    <div class="bottom_btn">
        <span class="rili_btn">查看全年调价日历</span>
        <a href="http://m.jn.bendibao.com/news/youjiachaxun/jisuan.php" class="jisuan_btn">油价计算器</a>
    </div>

    <style>
    
    </style>

    <div class="weixin-mask">

    </div>

    <style type="text/css">
    
    </style>

    <!--  <div class="mobile-mask">-->
    <!---->
    <!--    <div class="mip-share-container">-->
    <!--      <p class="fenxiang">分享到：</p>-->
    <!--      <mip-share title="-->    <!--" url="-->    <!--" content="-->
        <!--" icon="-->    <!--images/xz_01.jpg" layout="container">-->
    <!--      </mip-share>-->
    <!--    </div>-->
    <!---->
    <!--  </div>-->


    <!-- <div class="fixed" style="z-index:99999;">
        <a href="http://m.jn.bendibao.com/news/youjiachaxun/" class="share">
            <div>
                <span>油价趋势</span>
            </div>
        </a>

        <a href="http://m.jn.bendibao.com/news/youjiachaxun/jisuan.php" class="share" style="text-align: center">
            油价计算
        </a>

    </div> -->


    <script src="static/js/show.js"></script>

    
<script>
    /*取消补空*/
    if (document.getElementById("nulldiv")) {
        document.getElementById("nulldiv").style.height = "0px";
    }
</script>
<!--
<script type="text/javascript">
    /*移动6:5*/
    var cpro_id = "u1462597";
</script>
<script type="text/javascript" src="static/js/cm.js"></script>

-->
<center>







<center>
    <script type="text/javascript">var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://");document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3F7a7ed406b526d6d09349609e14dc628c' type='text/javascript'%3E%3C/script%3E"));</script></center>

<style>
    .back_to_top {
        background-size: 44px 44px;
    }
</style>
<div class="back_to_top"></div>




<script type="text/javascript">
    /*返回顶部*/
    var intp;

    let clickNum = 0;//因为如果在滚动过程中连续点击，页面回到顶部后就无法在继续向下滑动，
    // 所以增加一个clickNum参数，控制在滑动到顶部的过程中，再次点击按钮无效

    document.getElementsByClassName("back_to_top").item(0).addEventListener("click", function() { 
        if(clickNum==0){
            intp = setInterval(function() {
                var speed = 40,
                    y = window.scrollY;
                if (y > speed) {
                    window.scrollTo(0, y - speed);
                } else {
                    window.scrollTo(0, 0);
                    clickNum = 0 //回到顶部了，变成0
                    clearInterval(intp);
                }
            }, 10);
            clickNum++;//点击 加1，
        }
       
    });
    window.addEventListener("scroll", function() {
        var topBarElement = document.getElementsByClassName("back_to_top").item(0),
            topBarDisplay = topBarElement.style.display;

        if ((window.scrollY > 0) && (topBarDisplay == "none" || topBarDisplay == "")) {
            topBarElement.style.display = "block";
            document.getElementsByClassName("back_to_feed").item(0).style.display = "block";
        } else if ((window.scrollY == 0) && (topBarDisplay != "none")) {
            topBarElement.style.display = "none";
            document.getElementsByClassName("back_to_feed").item(0).style.display = "none";
        }
    });
    
</script>
    <script>
document.body.style.display="block";
var urlarr=document.location.href.split("#");
if(urlarr.length==2){
	var gotoid=urlarr[1].substr(0,2);
	if(document.getElementById(gotoid)){
		document.getElementById(gotoid).scrollIntoView();
	}
}	
</script>


<script src="static/js/2c05a485c2534cc2a939a1038d3c8f6a.js"></script>


<script>

if($(".top-bar .title a").text().length>3){
	$(".top-bar .title a").width(150);
}

autopathwith(1);
autopathwith(2);

function autopathwith(index){
	var realwidth=45;
	//列表页没有正文两字
	if($(".breadcrumb span").size()==0){
		index++;	
		realwidth=0;
	}
	
	$(".breadcrumb a").each(function(index, element) {
		realwidth+=$(this).width()+20;
	});
	var totalwidth=$(".breadcrumb").width();
	
	size=$(".breadcrumb a").size();
	
	
	if(realwidth>totalwidth){
		$(".breadcrumb a").eq(size-index).text("…");	
	}
}


var page=1;
var pagesize = $("#countpage").html();
function morepage(id){
	$(".more").hide();
	$('.more-load').show();
	page=page+1;
	$.get('/ajax_get_page.php?action=morepage&id='+id+'&page='+page,function(data){
		$("#content").html(data);
		$("#news-article").append($("#content").html());
		if(page<pagesize){
			$('.more').show();
		}
		$(".more-load").hide();
		$("#currentpage").text(page);
	})
}
function morelistpage(siteid,classid,page){
	$(".more").hide();
	$('.more-load').show();
	page=parseInt(page)+1;
	$.get('/ajax_get_page.php?action=morelistpage&siteid='+siteid+'&classid='+classid+'&page='+page,function(data){
		$("#content").html(data);
		$("#news-article").append($("#content").html());
		if(page<pagesize){
			$('.more').show();
		}
		$(".more-load").hide();
		$("#currentpage").text(page);
		$("#page").val(page);
	})
}

function allpage(id){
	$.get('/ajax_get_page.php?action=allpage&id='+id,function(data){
		$("#news-article .content-box").html(data);
		$(".allpagemore").hide();
		$("#currentpage").text(page);
		ImagesZoom.init({"elem": ".content-box"});
	})
}

$('nav .dropdown').on('click',function(e){
  e.stopPropagation();
  $('nav .menu').slideToggle(150);
});
$(document).ready(function(){
	var desc=$("#news-article > div.description");
	if(desc.html()=="")
		desc.hide();
});
$('body').on('click',function(){
	$('nav .menu').hide();
})

</script>

<script>
//小红书版
if(document.location.href.indexOf("v=topic")>-1){
	var topic_css="<style type='text/css'>header,.container {max-width: 720px !important;} .rec,.info-list,.swiper-border,footer,.fixed{ display:none;} #add_ewm_content{display: none !important;}#news-article>h1{color:#f60 !important;}.content-box>a:link,.content-box>a:visited,.content-box>p>a:link,.content-box>p>a:visited,.content-box>div>a:link, .content-box>div>a:visited,.content-box>center>a:link,.content-box>center>a:visited{ color: #252525 !important;background: none !important;}</style>";
	$('head').append(topic_css);
	$("img").each(function(index, element) {
        var src=$(this).data("echo");
		if(src){
			$(this).attr("src",src);
		}
    });
	$(document).ready(function(){
		$("body").height($("body").height()+960*17);
	});	
}

</script>


<script>

const is_baidu=/baidu/i.test(navigator.userAgent.toLowerCase() + document.referrer.toLowerCase());

if($(".focus-btn").size()>0){
	setTimeout(function(){
		
		const is_weixin=window.navigator.userAgent.toLowerCase().match(/MicroMessenger/i) == 'micromessenger' ? true : false
		const is_empty=$(".weui-dialog__bd").children().length == 0 ? true : false;
		
		if( is_weixin || is_empty ){
			
			try{
				var url = window.location.href;
				var urlObj = new URL(url);
				var dirstr = urlObj.pathname;
				var dirarr=dirstr.split('/');
				var dir=dirarr[1];			
			}catch(e){
				var dir='';	
			}
			$.ajax({ 
				type : "get",
				dataType : "json",
				url:"/api/gzh.php?dir="+dir+"&citycode=",
				success : function(result) {
					if(is_empty && is_baidu){
						var img="<br><span style='font-size:0.22rem;'>微信搜索公众号【"+result.name+"】，关注"+result.name+"</span><br>";
					}else{
						var img="<img style='max-width:60%;' src='"+result.qrcode+"' /><br><span style='font-size:0.22rem;'>长按二维码关注"+result.name+"</span><br>";
					}
					$(".weui-dialog__bd").prepend("<center>"+img+"</center>");;		
					
					$(".share").hide();
					//$(".focus-btn").css("width","70%");
					//$(".focus-btn div span").text("关注"+result.name);
					
					$(".focus-btn").click(function(){
						$(".weui-dialog__bd img").each(function(){
							var echo=$(this).data("echo");
							if(echo){
								$(this).attr("src",echo);
							}	
						})	
					})
					
				}
			});
		}
	},1000);
	
}

if(!is_baidu){ 
	$(".other-city").each(function(){
		if($(this).attr("href")=="/"){
			$(this).attr("href","weixin://dl/business/?appid=wx2efc0705600eb6db&path=pages/index/index");
			$(this).on("click",function(){ztcount('打开小程序','小程序');})
		}
	});
}
</script>

    

</body>
<script type="text/javascript" src="static/js/44825cacf0f64415a21eb52fa41e236c.js"></script>
<script src="static/js/swiper.jquery.min.js"></script>
<script src="static/js/u-charts.js"></script>
<script src="static/js/echarts.js"></script>
<script src="static/js/citydata.js"></script>
<script src="static/js/picker.js"></script>
<script>
const ARROW_DOWN = "//images.uc.cn/s/uae/g/1y/iflow/assets/png/arrow_down.e3b6c.png?force-show=1";
const ARROW_UP = "//images.uc.cn/s/uae/g/1y/iflow/assets/png/arrow_up.c33ac.png?force-show=1";
var flag = 0;
var oilData = {"time":["5\u670815\u65e5","5\u670829\u65e5","6\u670813\u65e5","6\u670827\u65e5"],"data":[{"name":"0\u53f7\u67f4\u6cb9","list":["7.58","7.58","7.43","7.60"]},{"name":"89\u53f7\u6c7d\u6cb9","list":["7.40","7.40","7.25","7.41"]},{"name":"92\u53f7\u6c7d\u6cb9","list":["7.96","7.96","7.81","7.98"]},{"name":"95\u53f7\u6c7d\u6cb9","list":["8.54","8.54","8.38","8.56"]},{"name":"\ufe6310\u53f7\u67f4\u6cb9","list":["8.02","8.02","7.86","8.04"]},{"name":"\ufe6335\u53f7\u67f4\u6cb9","list":["8.67","8.67","8.49","8.69"]},{"name":"\ufe6320\u53f7\u67f4\u6cb9","list":["8.37","8.37","8.20","8.39"]}]};
var cityData2 = null;


// var oilData = {"time":["3月31日","4月1日","4月17日"],"data":[{"name":"89号汽油","list":["8","9","9.8"]},{"name":"92号汽油","list":[null,"8.83","8.6"]},{"name":"95号汽油","list":["9.0",null]},{"name":"﹣10号柴油","list":[null,"8.97",null]}]};

// console.log(oilData);

let global_province = '山东';
let global_city = '济南';

var axis = [7,9];

// 切换
$(".content_box .tab_title span").click(function () {
	var index = $(this).index();
	$(this).addClass("tab_active").siblings().removeClass("tab_active");
	$(this).parent().siblings(".tab_con").find(".tab_item").hide().eq(index).show();
	if (index == 0) {
		$(this).siblings().css({"border-radius":"0 0.2rem 0 0.2rem"});
	}else {
		$(this).css({"border-radius":"0.2rem 0.2rem 0 0"});
		$(this).siblings().css({"border-radius":"0.2rem 0.2rem 0.2rem 0"});
	}
})

$(".tab_item .name span").click(function () {
    var index = $(this).index();
    $(this).addClass("name_active");
    $(this).siblings().removeClass("name_active");
    $(".tab_item .list").hide().eq(index).show();
})

// 显示弹窗
$(".rili_btn").click(function () {
    $(".rili_popup").addClass("show-toast");
})
// 关闭弹窗
$(".rili_popup").click(function () { 
    $(".rili_popup").removeClass("show-toast");
});
// 准备调价日历的数组
var riliArr = [{"date":"1\u67083\u65e5","week":"\u661f\u671f\u4e09"},{"date":"1\u670817\u65e5","week":"\u661f\u671f\u4e09"},{"date":"1\u670831\u65e5","week":"\u661f\u671f\u4e09"},{"date":"2\u670819\u65e5","week":"\u661f\u671f\u4e00"},{"date":"3\u67084\u65e5","week":"\u661f\u671f\u4e00"},{"date":"3\u670818\u65e5","week":"\u661f\u671f\u4e00"},{"date":"4\u67081\u65e5","week":"\u661f\u671f\u4e00"},{"date":"4\u670816\u65e5","week":"\u661f\u671f\u4e8c"},{"date":"4\u670829\u65e5","week":"\u661f\u671f\u4e00"},{"date":"5\u670815\u65e5","week":"\u661f\u671f\u4e09"},{"date":"5\u670829\u65e5","week":"\u661f\u671f\u4e09"},{"date":"6\u670813\u65e5","week":"\u661f\u671f\u56db"},{"date":"6\u670827\u65e5","week":"\u661f\u671f\u56db"},{"date":"7\u670811\u65e5","week":"\u661f\u671f\u56db"},{"date":"7\u670825\u65e5","week":"\u661f\u671f\u56db"},{"date":"8\u67088\u65e5","week":"\u661f\u671f\u56db"},{"date":"8\u670822\u65e5","week":"\u661f\u671f\u56db"},{"date":"9\u67085\u65e5","week":"\u661f\u671f\u56db"},{"date":"9\u670820\u65e5","week":"\u661f\u671f\u4e94"},{"date":"10\u670810\u65e5","week":"\u661f\u671f\u56db"},{"date":"10\u670823\u65e5","week":"\u661f\u671f\u4e09"},{"date":"11\u67086\u65e5","week":"\u661f\u671f\u4e09"},{"date":"11\u670820\u65e5","week":"\u661f\u671f\u4e09"},{"date":"12\u67084\u65e5","week":"\u661f\u671f\u4e09"},{"date":"12\u670818\u65e5","week":"\u661f\u671f\u4e09"}];
// 遍历数组 渲染到页面中
var riliHtml = "";
$.each(riliArr,function (i,item) {
    var $li = '<li><span>'+item.date+'</span><span>'+item.week+'</span></li>';
    riliHtml += $li;
})
$(".rili_list ul").html(riliHtml);
// $(".rili_list ul li").eq(1).find("span:nth-child(2)").replaceWith('<span>星期六<span style="margin-left: 0;font-size: 0.24rem;color:#666;">（上班）</span></span>');


if (flag == 1) {
    $(".rili_popup").addClass("show-toast");
}

var chartSize = $('.chart_y').css("font-size");
var chartSizeParse = parseFloat(chartSize);

// 基于准备好的dom，初始化echarts实例
var myChart = echarts.init(document.getElementById('main'));
// 颜色数组
var colorArr = ["#F37171","#F27733","#F9B34A","#5FC074","#7BD2DE","#677CFD"];

var SeriesArr = [];
var oilArr = oilData.data;
for(var i = 0;i<oilArr.length;i++){
    SeriesArr.push({
        name: oilArr[i].name,
        data: oilArr[i].list,
        type: 'line',
        symbol: 'circle',//折线点设置为实心点
    });
}

console.log(SeriesArr,"SeriesArr");

// 指定图表的配置项和数据
option = {
    tooltip: {
        trigger: 'axis'
    },
    color: colorArr,
    legend: {
        show: false,//关闭图例
    },
    grid: {
        left: '2%',
        right: '13%',
        bottom: '3%',
        containLabel: true,
    },
    xAxis: {
        type: 'category',
        data: oilData.time,
        name: "日期",
        axisTick: {
            show: false,//关闭x轴刻度
        },
        boundaryGap: true,//两边留白
        nameTextStyle: {
            color: "#999",
            fontSize: chartSizeParse,
            align: "left",
            verticalAlign: "top"
        },
        axisLine: {
            lineStyle: {
                color: "#d1d1d1",//轴线的颜色
            }
        },
        axisLabel: {
            color: "#666",//刻度标签文字的颜色
            fontSize: chartSizeParse
        }
    },
    yAxis: {
        type: 'value',
        name: "油价",
        min: axis[0],
        max: axis[1],
        nameTextStyle: {
            color: "#999",
            fontSize: chartSizeParse,
            padding: [0, 0, 5, 0]   
        },
        axisLine: {
            show: true,//显示y轴线
            lineStyle: {
                color: "#d1d1d1",//轴线的颜色
            }
        },
        splitLine: {
            show:false,//隐藏网格线
        },
        axisLabel: {
            color: "#666",//刻度标签文字的颜色
            fontSize: chartSizeParse,
            formatter:function (value, index) {           
                return value.toFixed(1);      
            }
        },
        axisTick: {
            show: false,//关闭y轴刻度
        }
    },
    series: SeriesArr
};

console.log(option);

// 使用刚指定的配置项和数据显示图表。
myChart.setOption(option);

//折线图
// var uChartsInstance = {};

// function showCharts(id,data){
//   const canvas = document.getElementById(id);
//   const ctx = canvas.getContext("2d");
//   canvas.width = canvas.offsetWidth;
//   canvas.height = canvas.offsetHeight;
//   uChartsInstance[id] = new uCharts({
//     animation: true,
//     background: "#FFFFFF",
//     dataLabel: false,
//     categories: data.categories,
//     color: ["#F37171","#F27733","#F9B34A","#5FC074","#7BD2DE","#677CFD"],
//     context: ctx,
//     extra: {
//         tooltip: {
//             yAxisLabel: true,
//             showCategory: true,
//             gridType: "dash",
//             bgColor: "#fff",
//             bgOpacity: 1,
//             fontColor: "#777",
//         },
//     },
//     height: canvas.height,
//     legend: {
//         show: false,
//     },
//     padding: [15,15,0,5],
//     series: data.series,
//     type: "line",
//     width: canvas.width,
//     xAxis: {
//       disableGrid: true,
//       fontSize: chartSizeParse,
//     },
//     yAxis: {
//       disableGrid: true,
//       splitNumber: parseInt((data.max-data.min)*2),
//       data: [
//         {
//           max: data.max,
//           min: data.min,
//           tofix: 1
//         }
//       ]
//     }
//   });
//   canvas.onclick = function(e) {
//     uChartsInstance[id].touchLegend(getH5Offset(e));
//     uChartsInstance[id].showToolTip(getH5Offset(e));
//   };
//   canvas.onmousemove=function(e) {
//     uChartsInstance[id].showToolTip(getH5Offset(e));
//   };
// }

// function getServerData() {
//     var Series = [];
//     var oilArr = oilData.data;
//     var item = function () {
//         return {
//             name: '',
//             data: []
//         }
//     }
//     for (let i = 0; i < oilArr.length; i++) {
//         var it = new item();
//         it.name = oilArr[i].name;
//         it.data = oilArr[i].list;
//         Series.push(it);
//     }
//   //模拟从服务器获取数据时的延时
//   setTimeout(() => {
//     //模拟服务器返回数据，如果数据格式和标准格式不同，需自行按下面的格式拼接
//     let res = {
//       categories: oilData.time,
//       series: Series,
//       min: axis[0],
//       max: axis[1]
//     };
//     console.log(res);
//     // console.log(Series);
//     showCharts('jBnaXCJZgfBAfOnZQTMZKXtmHoNjOsaD', res);
//   }, 500);
// }

// getServerData();






function isWeiXin() {
    var ua = window.navigator.userAgent.toLowerCase();
    if (ua.match(/MicroMessenger/i) == 'micromessenger') {
        return true;
    } else {
        return false;
    }
}

$(".share").click(function() {

    if (isWeiXin()) {
        $(".weixin-mask").show();
    } else {
        $(".mobile-mask").show();
    }
});

$(".weixin-mask").click(function() {

    $(this).hide();

})

$(".mobile-mask").click(function() {

    $(this).hide();

})

let tabContentIndex = 0;
let infoItemIndex = 0;
const SHOW_INFO_LIST_NUM = 4; // 计数从0开始，控制下方信息显示条数。

$(function() {
    $(".control-hidden").hide();
    $(".tab-content").hide().eq(0).show();
    $(".info-content").hide().eq(0).show();
    $(".title-name").find("img").hide();
    $(".click").find("img").show();
    let contentList = $(".tab-content");
    for (let key in contentList) {
        if (!isNaN(key) && key !== "1") {
            $(contentList[key]).find(`li:gt(${SHOW_INFO_LIST_NUM})`).hide();
        } else if (!isNaN(key) && key === "1") {
            $(".info-content").find(`li:gt(${SHOW_INFO_LIST_NUM})`).hide();
        }
    }

    if ($(this).attr("class").includes("bar-active")) {
        $(this).find(".arrow").attr("src", ARROW_UP);
        $(this).find(".result").css("display", "block");
    } else {
        $(this).find(".arrow").attr("src", ARROW_DOWN);
        $(this).find(".result").css("display", "-webkit-box");
    }

    var swiper = new Swiper('.swiper-container', {
        pagination: '.swiper-pagination',
        paginationClickable: true,
        preventClicks: false,
        autoplay: 3000
    });
        const CITY_NOW = "\u6d4e\u5357"; // 当前选择城市
    getLocationByIp().then(res => {
        let cityName = res.city;
        if (cityName.indexOf(CITY_NOW) === -1) {

            var citycode = "";
            for (var sheng in cityData2) {
                for (var city in cityData2[sheng]["citylist"]) {
                    if (cityName.indexOf(city) > -1) {
                        citycode = cityData2[sheng]["citylist"][city]["code"];
                        break;
                    }
                }
            }

            if (citycode != "") {
                if (confirm("您当前定位城市为" + cityName + "\n是否需要切换到" + cityName + "查看？")) {
                    if (citycode == "sz") {
                        window.location.href = "http://m.bendibao.com/news/youjiachaxun/";
                    } else {
                        window.location.href = "http://m." + citycode +
                            ".bendibao.com/news/youjiachaxun/";
                    }
                } else {
                    return;
                }
            }

        }
    });
    
});

$(".list-title-bar").click(function() {
    $($(this).parents()[0]).find(".list-cont-bar").toggle();
    $(this).toggleClass("bar-active");

    if ($(this).attr("class").includes("bar-active")) {
        $(this).find(".arrow").attr("src", ARROW_UP);
        $(this).find(".result").css("display", "block");
    } else {
        $(this).find(".arrow").attr("src", ARROW_DOWN);
        $(this).find(".result").css("display", "-webkit-box");
    }


});
$(".getMore").click(function() {
    console.log(1);
    $(".getMore").hide();
});
$(".title-name").click(function(e) {
    tabContentIndex = $(this).index();
    var index = $(this).index();
    $(".tab-content").hide().eq(index).show();
    $(".click").removeClass("click");
    $(this).addClass("click");
    $(".title-name").find("img").hide();
    $(this).find("img").show();
});
$(".info-item").click(function() {
    infoItemIndex = $(this).index();
    var index = $(this).index();

    $(".info-content").hide().eq(index).show();
    $(".info-item").removeClass("info-click");
    $(this).addClass("info-click");
})

$(".tab-content").each(function() {
    if ($(this).index() == 2) {
        return;
    }
    if ($(this).find("li").size() > SHOW_INFO_LIST_NUM) {
        $(this).append('<div class="all">查看全部</div> ');
    }
})

$(".info-content").each(function() {
    if ($(this).find("li").size() > SHOW_INFO_LIST_NUM) {
        $(this).append('<div class="all">查看全部</div> ');
    }
})

$(".all").click(function() {
    $(this).hide();
    if (tabContentIndex === 1) {
        $(".info-content").eq(infoItemIndex).find("li").show();
        return;
    }
    $(".tab-content").eq(tabContentIndex).find("li").show();
});

// 使用IP定位
function getLocationByIp() {
    return new Promise(resolve => {
        let myCity = new BMap.LocalCity();
        let location;
        myCity.get(function(r) {
            location = r.center;
            let city = r.name;
            return resolve({
                location,
                city
            });
        });
    });
}

let newCityData=[];
for (let i = 0; i < cityData.length; i++) {
    if (cityData[i]["name"] !="澳门" && cityData[i]["name"] !="香港") {
        newCityData.push(cityData[i]);
    }
}

/**
 * 地区选择器初始化
 */
function picker() {
    new Picker({
        title: "请滑动屏幕选择", //标题(可选)
        defaultValue: `${global_province} ${global_city}`, //默认值-多个以空格分开（可选）
        data: newCityData, //数据(必传)
        type: 2,
        keys: {
            id: "code",
            value: "name",
            childData: "level", //最多3级联动
        }, //数组内的键名称(必传，id、text、data)
        callBack: function (val) {
            //回调函数（val为选择的值）
            let city = val.split(" ");
            let qu = "";
            if (city[1] != "") {
                $("#sheng").val(city[0]);
                $("#shi").val(city[1]);
                let citycode = shiData[city[0]]["citylist"][city[1]]["code"];
                if (citycode == "sz") {
                    window.location.href =
                        "http://m.bendibao.com/news/youjiachaxun/";
                } else {
                    window.location.href =
                        "http://m." +
                        citycode +
                        ".bendibao.com/news/youjiachaxun/";
                }
            }
        },
    });
}


</script>

<!--share-->
<script src="static/js/mip.js"></script>
<script src="static/js/mip-share.js"></script>

</body>

</html>